import Vue from 'vue';
import App from './App';
import router from './router';
import axios from 'axios';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// import 'element-ui/lib/theme-default/index.css';    // 默认主题
// import '../static/css/theme-green/index.css';       // 浅绿色主题
import SIdentify from './components/page/Identify';    //自定义组件
import "babel-polyfill";
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

Vue.component("SIdentify", SIdentify);
Vue.use(ElementUI);


window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'
Vue.prototype.$http = window.axios
//通过NProgress库，实现界面刷新的进度条效果
NProgress.configure({
    easing: 'ease', // 动画方式
    speed: 600, // 递增进度条的速度
    showSpinner: true, // 是否显示加载ico
    trickleSpeed: 200, // 自动递增间隔
    minimum: 0.3 // 初始化时的最小百分比
})
router.beforeEach((to, from, next) => { // 每次切换页面时，调用进度条
    NProgress.start(); // 这个一定要加，没有next()页面不会跳转的。这部分还不清楚的去翻一下官网就明白了
    next();
});
router.afterEach(() => { // 在即将进入新的页面组件前，关闭掉进度条
    NProgress.done()
})
// Vue.use(axios);
new Vue({
    router,
    el: '#app',
    render: h => h(App)
}).$mount('#app');